<body>
  <div class="box">
    <div class="title">
      <ul>
        <li>首页</li>
        <li>PHP</li>
        <li>JavaScript</li>
      </ul>
    </div>
    <div class="body">
      <div>div01 text</div>
      <div>div02 text</div>
    </div>
    <div class="footer">
      <ul>
        <li>友情链接</li>
      </ul>
    </div>
    <ul>
      <li>222</li>
      <li>333</li>
    </ul>
  </div>
  <script src="jquery-1.12.4.min.js"></script>
  <script>
    console.log($('.box li'));
    console.log($('.body > div'));
    console.log($('.footer + ul'));
    console.log($('.title ~ div'));
  </script>
  <a href="../首页/page11.html">
    <h2>返回上一页面</h2>
  </a>
</body>